<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		var hintText=$("[value='${sessionScope.mvo.hint}']").text();
		$("#setHint").val("${sessionScope.mvo.hint}");
		$("#setHint").text(hintText);	
		
		$("#updateBtn").click(function(){
			$("#updateForm").submit();
		});
		
		$("#cancleBtn").click(function(){
			location.href="wedding.do?command=home";
		});
		
		
		
	
	});
</script>
</head>
<body>

<form id="updateForm" method="post" action="${initParam.root}/wedding.do">
<input type="hidden" name="command" value="updateMember">
<img src="${initParam.root}/img/modify_top.gif"><p></p>
<table border=1 style="border-style:dashed ; border-color:gray ;" align="center">
	<tr align="left">
		<td><img src="${initParam.root}/img/register_icon.jpg">&nbsp;<b><font style="font-size: 12px">ID</font></b></td>
		<td><input type="text" name="id" id="id" readonly="readonly" value="${sessionScope.mvo.id}"></td>
	</tr>
	
	<tr>
		<td><img src="${initParam.root}/img/register_icon.jpg">&nbsp;<b><font style="font-size: 12px">비밀번호</font></b></td>
		<td><input type="password" name="password" id="password" value="${sessionScope.mvo.password}"></td>
	</tr>

	<tr>
		<td><img src="${initParam.root}/img/register_icon.jpg">&nbsp;<b><font style="font-size: 12px">비밀번호 힌트</font></b></td>
		<td> 
		<SELECT NAME="hint" id="hint" >
		 <OPTION id="setHint"></OPTION>
         <OPTION VALUE="1">출신 고등학교 이름은?</OPTION>
         <OPTION VALUE="2">가장 좋아했던 선생님 성함은?</OPTION>
         <OPTION VALUE="3">가장 좋아하는 색깔은?</OPTION>
         <OPTION VALUE="4">사랑하는 사람 이름은?</OPTION>
         <OPTION VALUE="5">가장 좋아하는 음식은?</OPTION>
         <OPTION VALUE="6">가장 좋아하는 영화는?</OPTION>
        </SELECT></td>
	</tr>
	
		
	<tr>
		<td><img src="${initParam.root}/img/register_icon.jpg">&nbsp;<b><font style="font-size: 12px">비밀번호 정답</font></b></td>
		<td><input type="text" name="answer" id="answer" value="${sessionScope.mvo.answer}"></td>
	</tr>
	
	<tr>
		<td><img src="${initParam.root}/img/register_icon.jpg">&nbsp;<b><font style="font-size: 12px">이름</font></b></td>
		<td><input type="text" name="name" id="name" value="${sessionScope.mvo.name}"></td>
	</tr>
	
	<tr>
		<td><img src="${initParam.root}/img/register_icon.jpg">&nbsp;<b><font style="font-size: 12px">전화번호</font></b></td>
		<td><input type="text" name="tel" id="tel" value="${sessionScope.mvo.tel}"></td>
	</tr>
	
	<tr>
		<td><img src="${initParam.root}/img/register_icon.jpg">&nbsp;<b><font style="font-size: 12px">주소</font></b></td>
		<td><input type="text" name="address" id="address" value="${sessionScope.mvo.address}"></td>
	</tr>
	
	<tr width="300px">
		<td><img src="${initParam.root}/img/register_icon.jpg">&nbsp;<b><font style="font-size: 12px">E-MAIL</font></b></td>
		<td><input type="text" name="email" id="email" value="${sessionScope.mvo.email}"></td>
	</tr>
		
	
</table>
	<input type="hidden" id="gender" name="gender" value="${sessionScope.mvo.gender }">
</form>
<br>
<img src="${initParam.root}/img/update_btn.gif" id="updateBtn" style="margin-left: 380px">
<img src="${initParam.root}/img/cancel_btn.gif" id="cancleBtn" style="margin-left: 3px">
</body>
</html>